﻿@gridColumns: 6;
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

div.parentpage {
	width: @siteWidth; /* 460px; */

}
/* TODO: add other w13 - w24 */

.w7,
.w8,
.w9,
.w10,
.w11,
.w12 { .columns(6,3); }

.c7, .u7>li,
.c8, .u8>li,
.c9, .u9>li,
.c10, .u10>li,
.c11, .u11>li,
.c12, .u12>li { .columns(6); }

/* grids with paddinggs */
.p7, .up7>li,
.p8, .up8>li,
.p9, .up9>li ,
.p10, .up10>li,
.p11, .up11>li,
.p12, .up12>li { .columns(6,@extraSpace*2);  }
.detailed dt,
.detailed fieldset legend {
	float: none; 
	.columns(4);
	
}
.detailed dd,
.detailed fieldset>.stack,
.detailed>.stack {
	padding-left: 0;
}

.tablelist>li {
	padding-left: 0;
}
.tablelist>li>h6 {
	float: none;
	width:100%!important;
	margin-left: 0;

}
.detailed .errornote {
	position: relative!important;
	width:100%!important;
	margin-left: 0;
	top: 0;
	right: auto;
	&:after {
		.arrowreset();
		border-color: @red;
		#arrow > .below(4px); 
	}

}